<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>visibility隐藏与显示</title>
    <style>
        ol{
            /*
                visibility:设置元素的隐藏与显示
                其值有两种
                    hidden:隐藏元素,隐藏后的元素仍然占用空间
                    visible:显示元素
            */
            visibility: hidden;
        }
    </style>
</head>
<body>
<h1>第一章</h1>
<ol style="display: block;">
    <li>第一节</li>
    <li>第二节</li>
    <li>第三节</li>
</ol>
<h1>第二章</h1>
<ol>
    <li>第一节</li>
    <li>第二节</li>
    <li>第三节</li>
</ol>
<h1>第三章</h1>
<ol>
    <li>第一节</li>
    <li>第二节</li>
    <li>第三节</li>
</ol>
</body>
</html>